@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?68czj9');
  src: url('../fonts/icomoon.eot?68czj9#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?68czj9') format('truetype'),
    url('../fonts/icomoon.woff?68czj9') format('woff'),
    url('../fonts/icomoon.svg?68czj9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

a {
  text-decoration: none;
  color: #c8c8c8;
}

.flex {
  display: flex;
}

.column {
  flex-direction: column;
}

.flex-center {
  justify-content: center;
  align-items: center;
}

.top {
  height: 80px;
  width: 100%;
  position: fixed;
  z-index: 99;
}

.header {
  justify-content: space-between;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 25px;
  width: 1110px;
}

.nav ul {
  font-size: 16px;
  color: #c8c8c8;
}

.nav a {
  margin-right: 55px;
}

.nav a:hover {
  color: #ff7200;
}

.up {
  position: relative;
}

.up::after {
  content: '\e6b9';
  font-family: 'icomoon';
  position: absolute;
  top: 0;
  left: 55px;

}

.up:hover::after {
  transform: rotate(180deg);
  transition: .3s;
}